<script lang="ts">
    import { defineComponent } from "vue";
    
    export default defineComponent({
        name: 'CustomInput',
        props: ['modelValue'],  //默认是这个属性 modelValue
        emits: ['update:modelValue'], //默认是这个触发事件名称
        setup(props, ctx) {
            const handleValue  = (event) => {
                ctx.emit('update:modelValue', event.target.value)
            }
    
            return {
                handleValue
            }
        }
    })
</script>
    
<template>
    <input
        :value="modelValue"
        @input="handleValue($event)"
    >
</template>